<template>
  <div class="page">
    <Tabs value="name1" v-model="tabValue">
      <TabPane label="补款授权" name="name1"></TabPane>
      <TabPane  label="订单标识管理" name="name2"></TabPane>
      <TabPane label="定制拍照模版" name="name3"></TabPane>
      <TabPane  label="电子邮件&APP推送通知" name="name4"></TabPane>
    </Tabs>
    <div class="content">
      <supplementary v-if="tabValue == 'name1'"></supplementary>
      <order-ident v-if="tabValue == 'name2'"></order-ident>
      <custom-template v-if="tabValue == 'name3'"></custom-template>
      <notification v-if="tabValue == 'name4'"></notification>
    </div>
  </div>
</template>

<script>

import Supplementary from "@/views/main/user/manage/supplementary";
import OrderIdent from "@/views/main/user/manage/order-ident";
import CustomTemplate from "@/views/main/user/manage/custom-template";
import Notification from "@/views/main/user/manage/notification";
export default {
  name: "points",
  components: {CustomTemplate, OrderIdent, Supplementary, Notification},
  data() {
    return {
      tabValue: 'name1'
    }
  }
}
</script>

<style scoped lang="less">
.page {
  .content {
    margin-top: 34px;
  }
}
</style>